﻿/*右侧信鸽*/
.pigeon { position:absolute; top:0; right:0; width:334px; height:197px; background:url(../images/pigeon.png) no-repeat; z-index:0;}
/*metro界面*/
.box { width:1000px; height:auto; margin:140px auto 0;}
.metro {font-family:"Microsoft YaHei", Verdana, Geneva, sans-serif; font-size:14px;  color:#fff; position:relative; z-index:99; cursor:pointer; transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -moz-transition:all 1.5s ease-in-out; -webkit-transition:all 0.8s ease-in-out; animation:metro_animation 2s; -o-animation:metro_animation 2s; -moz-animation:metro_animation 1.5s; -webkit-animation:metro_animation 2s;}
.metro:hover { transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
@keyframes metro_animation {
	0% { transform:scale(0,0);}
}
@-o-keyframes metro_animation {
	0% { -o-transform:scale(0,0);}
}
@-moz-keyframes metro_animation {
	0% { -moz-transform:scale(0,0);}
}
@-webkit-keyframes metro_animation {
	0% { -webkit-transform:scale(0,0);}
}
.metro .logo, .metro .about, .metro .history { float:left; display:inline; width:240px; height:200px; background:#069; margin-right:10px;}
.cenje_logo { width:148px; height:110px; margin:45px auto 0;*padding-top:45px;}
.about_ico { width:45px; margin:80px auto 0;}
.about_text {text-align:center;padding-top:50px;}
.history_ico { width:34px; margin:85px auto 0;}
.history_text {text-align:center;padding-top:50px;}
.cb10 { clear:both; height:10px;}
.metro .news { float:left; display:inline; height:200px; background:#069; margin-right:10px;}
.news { width:400px;}
.news_title { float:left; display:inline; margin:70px 0 0 55px;}
.news_title .news_title_zh { font-size:30px;}
.news_title .news_title_en { font-size:20px; text-align:center;}
.news_list { float:left; width:210px; padding-left:40px;font-size:12px;}
.news_time { font-size:12px; font-weight:normal; padding-top:20px;}
.news_time b { font-size:35px; padding-right:15px;}
.news_list ul { padding-top:5px;}
.news_list ul li { background:url(../images/news_list_ico.png) 0px center no-repeat; border-bottom:1px solid #3284ad; padding-left:10px;}
.news_list ul li a { color:#fff; font-weight:normal; line-height:30px;}
.news_more a { float:right; width:27px; height:5px; background:url(../images/news_more.png) no-repeat; margin:15px 8px 0 0;}
.case_talent { float:left; display:inline; width:330px; height:200px; margin-right:10px;}
.case_text, .talent_text { float:left; line-height:30px; padding:20px 0 0 85px; text-align:center;}
.case_ico { float:left; display:inline; margin:25px 0 0 75px;}
.talent_ico { float:left; display:inline; margin:40px 0 0 75px;}
.contact_consult { float:left; display:inline; width:240px; height:200px; margin-right:10px;}
.case_talent .case, .case_talent .talent, .contact_consult .contact, .contact_consult .consult ,.business_wechat .business, .business_wechat .wechat{ height:95px; background:#069;}
.talent,.contact { margin-top:10px;}
.contact_ico, .consult_ico { float:left; display:inline; margin:35px 0 0 60px;}
.contact_text { float:left; padding:70px 0 0 0px;}
.consult_text { float:left; padding:70px 0 0 40px;}
.business_wechat {float:left; display:inline; width:240px; height:200px; margin-right:10px;}
.wechat { margin-top:10px;}
.business_ico, .wechat_ico { float:left; display:inline; margin:35px 0 0 60px;}
.business_text { float:left; padding:70px 0 0 5px;}
.wechat_text { float:left; padding:5px 0 0 105px;}

.about:hover .about_text, .business:hover .business_text,.wechat:hover .wechat_text, .history:hover .history_text, .case:hover .case_text, .talent:hover .talent_text, .contact:hover .contact_text, .consult:hover .consult_text  { position:relative; animation:metro 0.5s; -o-animation:metro 0.5s; -moz-animation:metro 0.5s; -webkit-animation:metro 0.5s;}
.news:hover .news_title { transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform-origin:center; -ms-transform-origin:center; -o-transform-origin:center; -moz-transform-origin:center; -webkit-transform-origin:center; transition:transform 1s; -ms-transition:-ms-transform 1s; -o-transition:-o-transform 1s; -moz-transition:-moz-transform 1s; -webkit-transition:-webkit-transform 1s;}
@keyframes metro {
	from { top:20px;} 
	to { top:0;}
}
@-o-keyframes metro {
	from { top:20px;} 
	to { top:0;}
}
@-moz-keyframes metro {
	from { top:20px;} 
	to { top:0;}
}
@-webkit-keyframes metro {
	from { top:20px;} 
	to { top:0;}
}
/*footer部分*/
.foot { position:absolute; bottom:0; width:100%; height:40px; line-height:40px; background:#2f2f2f; font-size:14px; color:#fff;}
.address { float:left; padding-left:20px;}
.phone { float:right;}
.phone a{color:#fff;}
.phone a:hover{text-decoration:none;}
.share { float:right; height:26px; padding:7px 20px 0 20px;}
.share a { display:inline-block; width:30px; height:26px; margin:0 8px;}
.share .tencent_wb { background:url(../images/tencent_wb.png) no-repeat;}
.share .sina_wb { background:url(../images/sina_wb.png) no-repeat;}
.share .liuyan { background:url(../images/liuyan.png) no-repeat;}
.share .weixin { background:url(../images/weixin.png) no-repeat;}
.weixin-gzpt { position:absolute; display:none; right:0px; bottom:50px; }